@charset "gb2312";
@media screen and (min-width: 1650px) and (max-width: 3199px) {
header { width: 100%; margin: auto; }
.nav { width: 1550px }
.nav li a { padding: 0 15px }
/* .search_bar { display: none } */
article { width:1550px; margin: 100px auto 0 }
.article2 { width:1550px;}
.fader { padding-top: 0; height: 450px }
.imginfo { bottom: 15% }
.toppic li i img { height: 215px; }
.gd { width: 297px }
.container { width: 1550px; margin: 20px auto; }
.share ul li i { }
}
@media screen and (min-width: 1200px) and (max-width: 1649px) {
header { width: 100%; margin: auto; }
.nav { width: 95%  }
.nav li a { padding: 0 15px }
/* .search_bar { display: none } */
article { width:95%; margin: 100px auto 0 }
.article2 { width:95%;}
.fader { padding-top: 0; height: 450px }
.imginfo { bottom: 15% }
.toppic li i img { height: 215px; }
.gd { width: 18% }
.container { width: 95%; margin: 20px auto; }
.share ul li i { }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
header , .blogsbox ,.infosbox { width: 100%; margin: auto; }
.nav { width: 95% }
.nav li a { padding: 0 15px }
/* .search_bar { display: none } */
article { width: 95%; margin: 100px auto 0 }
.article2 { width: 95%; }
.fader { padding-top: 0; height: 400px }
.imginfo { bottom: 15% }
.toppic li i img { height: 190px; }
.sidebar { display: none }
.sidebarL { display: none }
.gd { width: 18% }
.container { width: 95%; margin: 20px auto; }
.share ul li i { }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
header, .blogsbox ,.infosbox  { width: 100%; margin: auto; }
.nav { width: 95% }
.nav li a { padding: 0 15px }
/* .search_bar { display: none } */
article { width: 95%; margin: 100px auto 0 }
article2 { width: 95%; margin: 100px auto 0 }
.fader { padding-top: 0; height: 337px }
.imginfo { bottom: 15% }
.toppic li i img { height: 160px; }
.sidebar { display: none }
.sidebarL { display: none }
.gd { width: 18% }
.zhuanti p { top: 20% }
.container { width: 95%; margin: 20px auto; }
.share ul li i { }
.timebox li:hover a { padding: 0 30px }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
header, .blogsbox ,.infosbox { width: 100%; margin: auto; }
.menu { width: 95%; display: none; }
#mnav { display: block; z-index: 99999;  }
/* .search_bar { display: none } */
article { width: 95%; margin: 70px auto 0 }
.imginfo { bottom: 17% }
.fader { padding-top: 0; height: 279px }
.toppic li i img { height: 130px; }
.sidebar { display: none }
.sidebarL { display: none }
.imginfo { font-size: 22px }
.news_infos { width: 100% }
.container { width: 95%; margin: 20px auto; }
.shareli { margin: 0 5px; }
.share ul li i { height: 150px }
.share ul li h2 { padding: 15px 5px; }
h1.t_nav span { display: none }
.timebox { width: 100%; margin: auto; }
.timebox li { font-size: 15px }
.timebox li span { margin-right: 30px }
.timebox:before { left: 100px; margin-left:54px}
.timebox li a:after { left: -26px }
.timebox li:hover a { padding: 0 30px }
.infosbox { width: 100% }
.pagebg {margin-top: 50px;}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
header, .blogsbox, .banner ,.infosbox { width: 100%; margin: auto; }
.menu { width: 90%; display: none; }
#mnav { display: block; z-index: 99999; }
/* .search_bar, .toppic { display: none } */
article { width: 90%; margin: 70px auto 0 }
.bloginfo { width: 100%; clear: both }
.blogs .blogpic { width: 30%; height: auto }
.fader { padding-top: 50%; width: 100% }
.imginfo { font-size: 20px; bottom: 20%; }
.bloginfo ul li { margin-right: 10px }
.bplist li img { height: 100px }
.bplist li { height: 100px }
.bigpic img { height: auto }
.blogs .blogtext { margin-top: 10px; }
.bplist li:nth-child(2) { margin-left: 3px; }
.sidebar { display: none }
.sidebarL { display: none }
.toppic { display: none }
.dasbox2 { display: none }
.news_infos { width: 100% }
h1.t_nav span { display: none }
.container { width: 90%; margin: 20px auto; }
.share ul li { width: 50% }
.share ul li i { height: 150px }
.shareli { margin: 0 15px; }
.share ul li h2 { padding: 15px 15px; }
.timebox { width: 100%; margin: auto; }
.timebox li { font-size: 15px }
.timebox li span { display: none }
.timebox:before { display: none }
.timebox li:hover a { padding: 0 30px }
.infosbox { width: 100% }
.pagebg {margin-top: 50px;}
.diggit{ float:none; margin-left: auto;}
}
@media only screen and (max-width: 479px) {
header, .blogsbox, .banner ,.infosbox { width: 100%; margin: auto; }
.menu { width: 90%; display: none; }
#mnav { display: block; z-index: 99999;  }
.search_bar, .toppic { display: none } 
article { width: 90%; margin: 70px auto 0 }
.imginfo { font-size: 18px; bottom: 22%; }
.bloginfo { width: 100%; clear: both; }
.blogs .blogpic { width: 100%; height: auto; margin-bottom: 10px }
.fader { padding-top: 60%; width: 100% }
.bloginfo ul li { margin-right: 10px }
.bplist li img { height: 100px }
.bplist li { height: 100px }
.bigpic img { height: auto }
.blogs .blogtext { width: 100%; }
.bloginfo ul li { background-image: none }
.bloginfo .author, .bloginfo .lmname { display: none }
.bplist li:nth-child(2) { margin: 0 0 0 2px }
.sidebar { display: none }
.sidebarL { display: none }
.news_infos { width: 100% }
h1.t_nav span { display: none }
.container { width: 90%; margin: 20px auto; }
.share ul li { width: 50% }
.share ul li i { height: 150px }
.shareli { margin: 0 3%; }
.share ul li h2 { padding: 15px 15px; }
footer p { padding: 0 30px }
.timebox { width: 100%; margin: auto; }
.timebox li { font-size: 15px }
.timebox li span { display: none }
.timebox:before { display: none }
.timebox li:hover a { padding: 0 30px }
.infosbox { width: 100% }
.pagebg {margin-top: 50px;}
.diggit{ float:none; margin-left: auto;}
.dasbox2 { display: none }
}

